<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>成都易设界科技有限公司</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/media.css">

</head>

<body>
    <!-- 顶部开始 -->
    <header class="container-fluid">
        <div class="container">
            <div class="row justify-content-between align-items-center">
                <h1 class="logowecome ">
                    欢迎访问成都易设界科技有限公司官网
                </h1>
                <ul class="d-flex justify-content-between">
                    <li class="mx-1"><a href="#">网站地图</a></li>
                    <li class="mx-1"><a href="#">技术支持</a></li>
                    <li class="mx-1"><a href="#">在线留言</a></li>
                </ul>
            </div>
        </div>
    </header>
    <!-- 顶部导航开始 -->
    <div class="nav container-fluid p-0 sticky-top">
        <div class="container">
            <div class="row justify-content-between align-items-center">
                <div class="logo"><a href="#">
                        <h1><img src="./images/logo.png" alt=""></h1>
                    </a></div>
                <div class="icon-zhankai iconfont"></div>
                <div class="navContent">
                    <nav class="topNav d-flex justify-content-between align-items-center active">
                        <li class="mr-4 topNavItem"><a href="#">首页</a></li>
                        <li class="mr-4 topNavItem"><a href="#">核心业务</a><i
                                class=" iconfont position-absolute icon-31xiala "></i>
                            <nav>
                        <li><a href="#">网站建设</a></li>
                        <li><a href="#">APP开发</a></li>
                        <li><a href="#">小程序</a></li>
                        <li><a href="#">微信开发</a></li>
                        <li><a href="#">视觉设计</a></li>
                        <li><a href="#">IT外包</a></li>
                    </nav>
                    </li>
                    <li class="mr-4 topNavItem"><a href="#">服务案例</a><i
                            class=" iconfont position-absolute icon-31xiala "></i>
                        <nav>
                    <li><a href="#">网站建设</a></li>
                    <li><a href="#">APP开发</a></li>
                    <li><a href="#">小程序</a></li>
                    <li><a href="#">微信开发</a></li>
                    <li><a href="#">视觉设计</a></li>
                    <li><a href="#">IT外包</a></li>
                    </nav>
                    </li>
                    <li class="mr-4 topNavItem"><a href="#">资讯动态 </a><i
                            class=" iconfont position-absolute icon-31xiala "></i>
                        <nav>
                    <li><a href="#">公司新闻</a></li>
                    <li><a href="#">行业新闻</a></li>
                    <li><a href="#">技术支持</a></li>
                    </nav>
                    </li>
                    <li class="mr-4 topNavItem"><a href="#">关于我们</a></li>
                    <li class="mr-4 topNavItem"><a href="#">联系我们</a></li>
                    <li class="mr-4 topNavItem"><a href="#">人才招聘</a></li>
                    </nav>
                </div>
                <div class="assist">
                    助力企业开拓新市场
                </div>
            </div>
        </div>
    </div>

    <!-- 中部banner -->
    <div class="container-fluid p-0 centerBanner position-relative">
        <div class="contRgAndLf">
            <div class="contLf d-flex justify-content-center align-items-center"><i class="iconfont icon-xiangzuo1"></i>
            </div>
            <div class="contRg d-flex justify-content-center align-items-center"><i class="iconfont icon-xiangyou1"></i>
            </div>
        </div>
        <div class="bannerCont h-100">
            <div class=" bannerBj banner1">
                <div class="container position-absolute d-flex flex-column h-100 justify-content-around">
                    <div class="bannerText ">
                        <h1 class="mb-5 w-100">承接IT外包业务</h1>
                        <h3>助力地产、旅游、教育、汽车、餐饮等多行业企业实现互联网＋</h3>
                        <a class="btn btn-primary mt-5" href="#">在线咨询</a>
                    </div>
                </div>
                <img src="./images/banner1.jpg ">
            </div>
            <div class=" bannerBj banner2">
                <div class="container position-absolute d-flex flex-column h-100 justify-content-around">
                    <div class="bannerText ">
                        <h1 class="mb-5 w-100">承接IT外包业务</h1>
                        <h3>助力地产、旅游、教育、汽车、餐饮等多行业企业实现互联网＋</h3>
                        <a class="btn btn-primary mt-5" href="#">在线咨询</a>
                    </div>
                </div>
                <img src="./images/banner2.jpg ">
            </div>

        </div>
    </div>

    <!-- banner下面的项目简介 -->
    <div class="projectContent">
        <div class="row projectBoxS align-items-center container">
            <div class="col-xl-3 col-md-6 col-6 projectBox p-3">
                <div class="row projectBoxItem justify-content-center align-items-center">
                    <img class="col-3" src="./images/iico1.png" alt="">
                    <div class="col-8">
                        <h1 class="m-0">网站建设</h1>
                        <p class="m-0">C端、移动端网站定制</p>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 col-6 projectBox p-3">
                <div class="row projectBoxItem justify-content-center align-items-center">
                    <img class="col-3" src="./images/iico2.png" alt="">
                    <div class="col-8">
                        <h1 class="m-0">软件开发</h1>
                        <p class="m-0">安卓、IOS等应用开发</p>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 col-6 projectBox p-3">
                <div class="row projectBoxItem justify-content-center align-items-center">
                    <img class="col-3" src="./images/iico3.png" alt="">
                    <div class="col-8">
                        <h1 class="m-0">微信开发</h1>
                        <p class="m-0">微官网、微会员、小程序</p>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 col-6 projectBox p-3">
                <div class="row projectBoxItem justify-content-center align-items-center">
                    <img class="col-3" src="./images/iico4.png" alt="">
                    <div class="col-8">
                        <h1 class="m-0">IT外包</h1>
                        <p class="m-0">承接各类IT外包业务</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 核心业务 -->
    <div class="container-fluid businessContent">
        <div class="business container">
            <h2>核心业务</h2>
            <h1>助力企业开拓新市场</h1>
            <div class="businessBox row py-5 justify-content-between">
                <div class="businessItem">
                    <a class="d-block" href="#">
                        <div>
                            <h1>网站建设</h1>
                            <p>PC端、移动端网站定制</p>
                        </div>
                        <img class="img-fluid" src="./images/yw1.jpg" alt="">
                    </a>
                </div>
                <div class="businessItem">
                    <a class="d-block" href="#">
                        <div>
                            <h1>APP开发</h1>
                            <p>安卓、IOS应用开发</p>
                        </div>
                        <img class="img-fluid" src="./images/yw2.jpg" alt="">
                    </a>
                </div>
                <div class="businessItem">
                    <a class="d-block" href="#">
                        <div>
                            <h1>小程序</h1>
                            <p>微信等小程序开发</p>
                        </div>
                        <img class="img-fluid" src="./images/yw3.jpg" alt="">
                    </a>
                </div>
                <div class="businessItem">
                    <a class="d-block" href="#">
                        <div>
                            <h1>微信开发</h1>
                            <p>微信公众号、微商城等开发</p>
                        </div>
                        <img class="img-fluid" src="./images/yw4.jpg" alt="">
                    </a>
                </div>
                <div class="businessItem">
                    <a class="d-block" href="#">
                        <div>
                            <h1>IT外包</h1>
                            <p>承接各类IT外包业务</p>
                        </div>
                        <img class="img-fluid" src="./images/yw5.jpg" alt="">
                    </a>
                </div>
                <div class="businessItem">
                    <a class="d-block" href="#">
                        <div>
                            <h1>网站建设</h1>
                            <p>PC端、移动端网站定制</p>
                        </div>
                        <img class="img-fluid" src="./images/yw6.jpg" alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 服务行业 -->
    <div class="serviceContent container-fluid py-5">
        <div class="container serviceBox">
            <div class="serviceBoxTop">
                <h2>服务案例</h2>
                <h1>覆盖数十个行业的IT解决方案</h1>
            </div>
            <div class="serviceBanner d-flex justify-content-between">
                <div class="serviceIndex">
                    <a href="#" class="d-block seriveAIndex mb-2">
                        <div class="serviceIndexItemBox ">
                            <div class="serviceindexTop d-flex justify-content-between align-items-center">
                                <h2>01</h2>
                                <img class="img-fluid" src="./images/njt.png" alt="">
                            </div>
                            <div class="serviceindexBottom">
                                <h3>网站建设</h3>
                                <p>PC端、移动端网站定制</p>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="d-block seriveAIndex mb-2">
                        <div class="serviceIndexItemBox ">
                            <div class="serviceindexTop d-flex justify-content-between align-items-center">
                                <h2>02</h2>
                                <img class="img-fluid" src="./images/njt.png" alt="">
                            </div>
                            <div class="serviceindexBottom">
                                <h3>APP开发设</h3>
                                <p>全面覆盖安卓和IOS主流平台</p>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="d-block seriveAIndex mb-2">
                        <div class="serviceIndexItemBox ">
                            <div class="serviceindexTop d-flex justify-content-between align-items-center">
                                <h2>03</h2>
                                <img class="img-fluid" src="./images/njt.png" alt="">
                            </div>
                            <div class="serviceindexBottom">
                                <h3>小程序</h3>
                                <p>按需定制，快捷高效</p>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="d-block seriveAIndex mb-2">
                        <div class="serviceIndexItemBox ">
                            <div class="serviceindexTop d-flex justify-content-between align-items-center">
                                <h2>04</h2>
                                <img class="img-fluid" src="./images/njt.png" alt="">
                            </div>
                            <div class="serviceindexBottom">
                                <h3>微信开发</h3>
                                <p>微官网、微商城、微会员等</p>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="d-block seriveAIndex mb-2">
                        <div class="serviceIndexItemBox ">
                            <div class="serviceindexTop d-flex justify-content-between align-items-center">
                                <h2>05</h2>
                                <img class="img-fluid" src="./images/njt.png" alt="">
                            </div>
                            <div class="serviceindexBottom">
                                <h3>视觉设计</h3>
                                <p>品牌视觉设计</p>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="d-block seriveAIndex mb-2">
                        <div class="serviceIndexItemBox ">
                            <div class="serviceindexTop d-flex justify-content-between align-items-center">
                                <h2>06</h2>
                                <img class="img-fluid" src="./images/njt.png" alt="">
                            </div>
                            <div class="serviceindexBottom">
                                <h3>IT外包</h3>
                                <p>高效及时，为客户增值</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="seriverBannerConten">
                    <div class="seriverBannerBox seriverBanner clearFix">
                        <div class="seriverImgBox">
                            <div class="seriverImg Img1"></div>
                            <div class="seriverImgBottom">
                                <h4>PC端、移动端网站定制</h4>
                                <h3>
                                    <a class="btn btn-primary w-50" href="#">了解详情</a>
                                </h3>
                            </div>
                        </div>
                        <div class="seriverImgBox">
                            <div class="seriverImg Img2"></div>
                            <div class="seriverImgBottom">
                                <h4>安卓、IOS平台APP开发</h4>
                                <h3>
                                    <a class="btn btn-primary w-50" href="#">了解详情</a>
                                </h3>
                            </div>
                        </div>
                        <div class="seriverImgBox">
                            <div class="seriverImg Img3"></div>
                            <div class="seriverImgBottom">
                                <h4>小程序按需定制</h4>
                                <h3>
                                    <a class="btn btn-primary w-50" href="#">了解详情</a>
                                </h3>
                            </div>
                        </div>
                        <div class="seriverImgBox">
                            <div class="seriverImg Img4"></div>
                            <div class="seriverImgBottom">
                                <h4>微信定制开发</h4>
                                <h3>
                                    <a class="btn btn-primary w-50" href="#">了解详情</a>
                                </h3>
                            </div>
                        </div>
                        <div class="seriverImgBox">
                            <div class="seriverImg Img5"></div>
                            <div class="seriverImgBottom">
                                <h4>品牌视觉设计</h4>
                                <h3>
                                    <a class="btn btn-primary w-50" href="#">了解详情</a>
                                </h3>
                            </div>
                        </div>
                        <div class="seriverImgBox">
                            <div class="seriverImg Img6"></div>
                            <div class="seriverImgBottom">
                                <h4>承接IT外包业务</h4>
                                <h3>
                                    <a class="btn btn-primary w-50" href="#">了解详情</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                    <div class="mt-5 seriverBannerContenBottom">
                        <a class="btn btn-primary w-50" href="#">更多服务案例</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 宗旨 -->
    <div class="purpose">
        <div class="container">
            <p>关于我们</p>
            <h1>我们致力于企业IT开发服务、承接IT外包业务</h1>
        </div>
    </div>
    <!-- 关于我们 -->
    <div class="us">
        <div class="container">
            <div class="row justify-content-center">
                <div class="w-50 uslf">
                    <h2>公司介绍</h2>
                    <p class="jieshao">
                        成都易设界科技有限公司一直以“没有服务质量就没有未来，你的满意是我们最大的目标！”为宗旨，以“诚信、专业、贴心”的服务理念，致力于为中国中小型企业提供“高效、便捷、安全、可靠、贴心”的互联网服务。通过不断探索和创新，公司产品及业务范围不断扩展，为众多企业打造了健全的网络营销方针，让其在行业竞争中瞬间成为大众焦点。得到了众多客户的满意和好评...
                    </p>
                    <div class="d-flex justify-content-around">
                        <li>
                            <p>专业团队</p>
                            <p>200+开发团队</p>
                        </li>
                        <li>
                            <p>经验丰富</p>
                            <p>500+解决方案</p>
                        </li>
                        <li>
                            <p>品质服务</p>
                            <p>1000+合作客户</p>
                        </li>
                    </div>
                </div>
                <div class="w-50 usrg position-relative">
                    <img class="img-fluid" src="./images/aad.jpg" alt="">
                    <a href="#" class="btn btn-primary">了解详情</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 咨询动态 -->
    <div class="realTime">
        <div class="container">
            <div class="realTimeTop">
                <h2>资讯动态</h2>
                <h1>聚焦最新最快的前沿资讯</h1>
            </div>
            <div class="realContent">
                <div class="realBanner">
                    <div class="realBannerItem d-flex">
                        <div class="reallf img1"></div>
                        <div class="realrg">
                            <div class="realanniu">
                                <i class="iconfont icon-xiangzuo1 realanlf"></i><i
                                    class="iconfont icon-xiangyou1 realanrg"></i>
                            </div>
                            <div class="realtext">
                                <p><a href="#">2021国庆节放假通知</a></p>
                                <p>易设界2021国庆节放假通知...</p>
                            </div>
                        </div>
                    </div>
                    <div class="realBannerItem d-flex">
                        <div class="reallf img2"></div>
                        <div class="realrg">
                            <div class="realanniu">
                                <i class="iconfont icon-xiangzuo1 realanlf"></i><i
                                    class="iconfont icon-xiangyou1 realanrg"></i>
                            </div>
                            <div class="realtext">
                                <p><a href="#">大年初七，开工大吉！</a></p>
                                <p>新的一年开始上班了，欢迎新老客户前来合作业务...</p>
                            </div>
                        </div>
                    </div>
                    <div class="realBannerItem d-flex">
                        <div class="reallf img3"></div>
                        <div class="realrg">
                            <div class="realanniu">
                                <i class="iconfont icon-xiangzuo1 realanlf"></i><i
                                    class="iconfont icon-xiangyou1 realanrg"></i>
                            </div>
                            <div class="realtext">
                                <p><a href="#">2022年春节放假通知</a></p>
                                <p>易设界2022年春节放假通知...</p>
                            </div>
                        </div>
                    </div>
                    <div class="realindexS">
                        <div class="realindex"></div>
                        <div class="realindex"></div>
                        <div class="realindex"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 新闻 -->
    <div class="News">
        <div class="container">
            <div class="row">
                <div class="NewsBox">
                    <h1>行业资讯</h1>
                    <ul class="m-0 py-2">
                        <a class="d-flex justify-content-between" href="#"><span>微信小程序开发需要注重的细节要素</span><img
                                class="img-fluid" src="./images/njt.png" alt=""></a>
                        <a class="d-flex justify-content-between" href="#"><span>关于界面设计细节的那些事儿</span><img
                                class="img-fluid" src="./images/njt.png" alt=""></a>
                        <a class="d-flex justify-content-between" href="#"><span>盘点APP开发的重点细节 </span><img
                                class="img-fluid" src="./images/njt.png" alt=""></a>
                        <a class="d-flex justify-content-between" href="#"><span>做网站要明白：“随便”做不了好网站</span><img
                                class="img-fluid" src="./images/njt.png" alt=""></a>
                    </ul>
                </div>
                <div class="NewsBox">
                    <h1>技术支持</h1>
                    <ul class="m-0 py-2">
                        <a class="d-flex justify-content-between" href="#"><span>微信小程序开发需要注重的细节要素</span><img
                                class="img-fluid" src="./images/njt.png" alt=""></a>
                        <a class="d-flex justify-content-between" href="#"><span>如何计算服务器并发量？</span><img
                                class="img-fluid" src="./images/njt.png" alt=""></a>
                        <a class="d-flex justify-content-between" href="#"><span>APP常见崩溃原因分析 </span><img
                                class="img-fluid" src="./images/njt.png" alt=""></a>
                        <a class="d-flex justify-content-between" href="#"><span>企业做网站，什么域名才是你的菜？</span><img
                                class="img-fluid" src="./images/njt.png" alt=""></a>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- 联系方式小于850px显示 -->
    <div class="container-fluid onLine">
        <h1>在线资讯</h1>
        <form action="">
            <div class="form-group">
                <label for="#name"></label>
                <input class="form-control" id="name" type="text" placeholder="请输入你的姓名">
            </div>
            <div class="form-group">
                <label for="#name"></label>
                <input class="form-control" id="name" type="text" placeholder="请输入联系电话">
            </div>
            <div class="form-group">
                <label for="#name"></label>
                <input class="form-control" id="name" type="text" placeholder="请输入资讯业务">
            </div>
            <div class="tijiao">
                <a class="btn btn-primary w-50" href="#">在线资讯</a>
            </div>
        </form>
    </div>

    <footer>
        <div class="container">
            <div class="row">
                <div class="col-5 px-3">
                    <img src="./images/logo.png" alt="">
                    <p>成都易设界科技有限公司</p>
                    <p>电话:028-64866096</p>
                </div>
                <div class="col-7 px-3 d-flex">
                    <ul>
                        <h2>核心业务</h2>
                        <li><a href="">网站建设</a></li>
                        <li><a href="">APP开发</a></li>
                        <li><a href="">小程序</a></li>
                        <li><a href="">微信开发</a></li>
                        <li><a href="">视觉设计</a></li>
                        <li><a href="">IT外包</a></li>
                    </ul>
                    <ul>
                        <h2>服务案例</h2>
                        <li><a href="">网站建设</a></li>
                        <li><a href="">APP开发</a></li>
                        <li><a href="">小程序</a></li>
                        <li><a href="">微信开发</a></li>
                        <li><a href="">视觉设计</a></li>
                        <li><a href="">IT外包</a></li>
                    </ul>
                    <ul>
                        <h2>资讯动态</h2>
                        <li><a href="">公司新闻</a></li>
                        <li><a href="">行业新闻</a></li>
                        <li><a href="">技术支持</a></li>
                    </ul>
                </div>
            </div>
            <p class="footer"><span>© 2014-2022 www.eshejie.com</span><a href="#"> 蜀ICP备18010253号 </a></p>
        </div>
    </footer>
    <script src="./js/index.js" type="module"></script>
</body>

</html>